import {
  html,
  css,
  LitElement,
  adoptStyles,
  type TemplateResult,
  type CSSResult,
} from 'lit';
import { customElement } from 'lit/decorators.js';

@customElement('app-button')
export class AppButton extends LitElement {
  static styles: CSSResult = css`
    button[lit] {
      color: cyan;
    }
  `;

  render(): TemplateResult<1> {
    adoptStyles(this.shadowRoot!, [AppButton.styles]);
    return html` <button lit>lit-button</button> `;
  }
}
